<!DOCTYPE  html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Elliot | A showcase template</title>
		
		<!-- CSS -->
		<link rel="stylesheet" href="css/social-icons.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
		<!--[if IE 7]>
			<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('template_url') ?>/css/ie7-hacks.css" />
		<![endif]-->
		<!--[if IE 8]>
			<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('template_url') ?>/css/ie8-hacks.css" />
		<![endif]-->
		<!-- ENDS CSS -->	

		<link rel="Stylesheet" type="text/css" href="js/scroller/css/smoothDivScroll.css" />
		
		<!--[if IE]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<!-- ENDS JS -->
		
		<!-- GOOGLE FONTS -->
		
		
		<!-- Skin -->
		<link rel="stylesheet" href="skins/light.css"  type="text/css" media="screen" id="css-skins" />
		
	</head>
	<body>
		

		<!-- Navigation -->
		<div id="nav-wrapper">
			<ul id="nav" class="sf-menu">
				<li class="logo"><a href="index.html"><img src="img/logo.png" alt="Elliot" id="logo" ></a></li>
				<li><a href="index.html">Home</a></li>
				<li><a href="gallery.html">Gallery</a></li>
				<li><a href="page.html">Pages</a>
					<ul>
						<li><a href="page.html">Sidebar page</a></li>
						<li><a href="page-fullwidth.html">Fullwidth page</a></li>
						<li><a href="page-wide.html">Wide layout</a></li>
						<li><a href="page-fixed-footer.html">Fixed footer page</a></li>
						<li><a href="index-fixed-footer.html">Fixed footer home</a></li>
						<li><a href="javascript:changeSkin('dark')">Dark skin</a></li>
						<li><a href="javascript:changeSkin('light')">Light skin</a></li>
					</ul>
				</li>
				<li><a href="blog.html">Blog</a></li>
				<li class="current-menu-item"><a href="contact.html">Contact</a></li>
				
				<li class="social">
					<!-- Social -->
					<a href="#" class="poshytip  facebook" title="Become a fan"></a>
					<a href="#" class="poshytip  twitter" title="Follow my tweets"></a>
					<a href="#" class="poshytip  dribbble" title="Working on..."></a>
					<a href="http://forrst.me/ansimuz" class="poshytip  forrst" title="Working on..."></a>
					<!-- ENDS Social -->
				</li>
				
				<li class="search-box">
					<form  method="get" id="searchform" action="#">
						<input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this,'Search...')" onblur="clearInput(this,'Search...')" />
					</form>		
				</li>
				
				
			</ul>
		</div>
		<!-- Navigation -->
		
		<!-- Page wrap -->
		<div id="page-wrap">
				
			<!-- content -->
			<div id="content">
					
				<h2 class="title-divider">Get in touch</h2>	
				
				
				<div id="map"></div>
				
				
				<p>Pellentesque habitant morbi tristique senectus et netus et  fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>	
				
				<h2 class="title-divider">Contact form</h2>			
				<!-- form -->
				<script type="text/javascript" src="js/form-validation.js"></script>
				<form id="contactForm" action="#" method="post">
					<fieldset>
						<div>
							<input name="name"  id="name" type="text" class="form-poshytip" title="Enter your full name" />
							<label>Name</label>
						</div>
						<div>
							<input name="email"  id="email" type="text" class="form-poshytip" title="Enter your email address" />
							<label>Email</label>
						</div>
						<div>
							
							<input name="web"  id="web" type="text" class="form-poshytip" title="Enter your website" />
							<label>Website</label>
						</div>
						<div>
							<textarea  name="comments"  id="comments" rows="5" cols="20" class="form-poshytip" title="Enter your comments"></textarea>
						</div>
						
						<!-- send mail configuration -->
						<input type="hidden" value="youremail@server.com" name="to" id="to" />
						<input type="hidden" value="From elliot wordpress online" name="subject" id="subject" />
						<input type="hidden" value="send-mail.php" name="sendMailUrl" id="sendMailUrl" />
						<!-- ENDS send mail configuration -->
						
						<p><input type="button" value="Send" name="submit" id="submit" /></p>
					</fieldset>
					<p id="error" class="warning">Message</p>
				</form>
				<p id="success" class="success">Thanks for your comments.</p>
				<!-- ENDS form -->	
				
	    	</div>
	    	<!-- ENDS content -->
	    	
	    	<!-- Sidebar -->
	    	<div id="sidebar">
				<h6 class="side-title">Contact info</h6>
				
				<p> Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi,  sed, commodo vitae, ornare sit amet, wisi.</p>
				
				<p class="contact-data">
					<span class="ico-tel">0044 22 445 87 19</span>
					<span class="ico-tel">0044 22 112 33 22</span>
					<span class="ico-email"><a href="mailto:info@elliot.com">info@elliot.com</a></span>
				</p>
				
				<p>1443 Franz Schubert street<br/>
				 	New Jersey 3442 
				 </p>
	    	</div>
	    	<!-- ENDS Sidebar -->
	        
        </div>
		<!-- ENDS Page wrap -->
		
   			
		<!-- Footer -->
		<div id="footer-container">
			<div id="footer-open"><a href="#"></a></div>
	         <div id="footer-overlay">
	         	<div id="footer-wrapper">
	         		<div class="footer-col">
	         			<h6>Text widget</h6>
	         			<p><a href="#/item/elliot-wordpress/470916?ref=Ansimuz" ><img src="img/dummies/banner.gif" class="borderer" alt="Pic" width="200" /></a></p>
	         			<p>Elliot is a free HTML template for personal and commercial projects made by <a href="http://www.cssmoban.com" >luiszuno.com</a></p>
	         		</div>
	         		<div class="footer-col">
	         			<h6>Recent posts</h6>
	         			<ul>
							<li><a href="#">Quisque sit amet est et sapien ullamcorper pharetra.</a></li>
							<li><a href="#">Morbi tristique senectus et netus. Donec eu libero sit amet quam egestas semper.</a></li>
							<li><a href="#">Eleifend sit amet est et sapien ullamcorper pharetra.</a></li>
							<li><a href="#">Vestibulum erat wisi, condimentum sed. Donec eu libero sit amet quam egestas semper.</a></li>
							<li><a href="#">Morbi tristique senectus et netus.</a></li>
						</ul>
	         		</div>
	         		
	         		<div id="tweets" class="footer-col tweet">
	         			<h6>Twitter widget</h6>
	         			<script src="js/chirp.min.js"></script>
	         			<script>Chirp({user:'ansimuz',max:2})</script>
	         		</div>
	         	</div>
	         </div>
	         
	     </div>
	     <!-- ENDS Footer -->
        
        
	  
	  	<!-- JS -->
		<!-- jQuery library - Please load it from Google API's -->
		<script src="js/jquery.min.js" ></script>
	
		<!-- Smoothscroller -->
		<!-- jQuery UI Widget and Effects Core (custom download)
		     You can make your own at: http://jqueryui.com/download -->
		<script src="js/scroller/js/jquery-ui-1.8.23.custom.min.js" ></script>
		
		<!-- Latest version (3.0.6) of jQuery Mouse Wheel by Brandon Aaron
		     You will find it here: http://brandonaaron.net/code/mousewheel/demos -->
		<script src="js/scroller/js/jquery.mousewheel.min.js" ></script>
	
		<!-- jQuery Kinectic (1.5) used for touch scrolling -->
		<script src="js/scroller/js/jquery.kinetic.js" ></script>
	
		<!-- Smooth Div Scroll 1.3 minified-->
		<script src="js/scroller/js/jquery.smoothdivscroll-1.3-min.js" ></script>
		<!-- ENDS Smoothscroller -->
	     
	     
		<script src="js/quicksand.js"></script>
		
		<!-- prettyPhoto -->
		<script  src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
		<!-- ENDS prettyPhoto -->
		
		<!-- superfish -->
		<link rel="stylesheet" media="screen" href="css/superfish.css" /> 
		<script  src="js/superfish-1.4.8/js/hoverIntent.js"></script>
		<script  src="js/superfish-1.4.8/js/superfish.js"></script>
		<script  src="js/superfish-1.4.8/js/supersubs.js"></script>
		<!-- ENDS superfish -->
		
		<!-- poshytip -->
		<link rel="stylesheet" href="js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
		<link rel="stylesheet" href="js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
		<script  src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
		<!-- ENDS poshytip -->

		<script  src="js/backstretch.js"></script>
		<script  src="js/custom.js"></script>
		<!-- ENDS JS -->
		
		<!-- Map script -->
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
		<script src="js/gmaps.js"></script>
        <script type="text/javascript">
		var map;
		$(document).ready(function(){
			map = new GMaps({
				div: '#map',
				lat: -12.043333,
				lng: -77.028333
			});
			map.addMarker({
			  lat: -12.043333,
			  lng: -77.028333
			});
	    });
	  </script>
	  <!-- ENDS Map script -->

	  
	</body>
</html>